<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"><!--  编码格式  -->
    <title>Title</title><!--  浏览器表头内容  -->
</head> <!--<head></head>用来做html内部配置的东西-->

<!--<body>用来做浏览解析后的主要内容信息</body>-->
<body>

<!--标题-->
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<!--div和span-->
<div>
    div的内容
</div>

<span>
    span1的内容
</span>

<span>
    span2的内容
</span>

<div></div>
<span>没有</span><span>空格</span>

<!--
div和span的区别
div:块级标签一个标签占浏览器一整行,标题h1 h2等也是块级标签
span:行内标签,内容有多少在浏览器页面占多少面积,两个span写在一行内容就会连续没有空格,内容比较素,后期可以用css加些花样
-->

</body>
</html>